<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<title>滴滴视频平台首页</title>
<link href="css/main2.css" rel="stylesheet"  />
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/lubotu.js"></script>
<script src="js/all.js" type="text/javascript"></script>
<script>
	//判断如果是手机。加载手机适应样式
	var addStyleLink = function(href){
        
        var head = document.getElementsByTagName('head')[0];
        var styleLink = document.createElement('link');
        styleLink.setAttribute('rel','stylesheet');
        styleLink.setAttribute('href',href);
        head.appendChild(styleLink);
     
    }
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
        addStyleLink('css/tel.css');
    }
	
</script>
<style>
html,body{min-width:1100px;}
.header_L{border-bottom:0px solid #eee;}	

</style>
</head>

<body>
<!--头部-->
<div class="header_Lbox">
	<div class="header_L">
    	<div class="logobox_L"><img src="img/logo.png" /></div>
        <div class="headerSeabox">
        	<input type="text" class="text" placeholder="搜索标签或关键字"/>
            <input type="button" class="btn"  value="搜索"/>
         </div>
         
         <div class="rightbox">
         	<a class="upload"> <i></i> <span>上传</span></a>
            <a class="user"> <img src="img/user01.png" /><span>张三</span></a>
            <span class="text">丨</span>
             <a class="esc"> <i></i> <span>退出</span></a>
         </div>
    </div>
</div>
<!--头部 end-->

<!--导航-->
<div class="navbox_L">
	<div class="nav_L">
    	<ul>
        	<li class="onhere f1"><a href="#" >首页</a></li>
            <li class="f1"><a href="#" >高管之声</a></li>
            <li class="f1"><a href="#" >小桔公开课</a></li>
            <li class="f1"><a href="#" >小桔公开课</a></li>
            <li class="f1"><a href="#" >事业部专区</a>
            	<ul >
                	<li><a href="#" >事业部频道</a></li>
                	<li><a href="#" >人力资源</a></li>
                    <li><a href="#" >财务部</a></li>
                    <li><a href="#" >研发部</a></li>
                </ul>
            </li>
            <li class="f1"><a href="#" >直播频道</a></li>
            <li class="f1"><a href="#" >专题</a></li>
          </ul>
    </div>
</div>
<!--导航end-->

<!--bannerbox-->
<div class="bannerbox_L">
	<div class="banner">
    	<div class="lubo">
          <ul class="lubo_box">
            <li style=" opacity: 1;filter:alpha(opacity=100);z-index:10;"><a target="_blank" href="https://www.tmall.com" style="background:url(img/01/20160526091126.jpg) center top no-repeat;background-size:cover"></a></li>
            <li><a target="_blank" href="http://www.baidu.com" style="background:url(img/01/20160526091157.jpeg) center top no-repeat;background-size:cover"></a></li>
            <li><a target="_blank" href="#" style="background:url(img/01/3.jpeg) center top no-repeat;background-size:cover"></a></li>
            <li><a target="_blank" href="#" style="background:url(img/01/4.jpeg) center top no-repeat;background-size:cover"></a></li>
            <li><a target="_blank" href="#" style="background:url(img/01/5.jpeg) center top no-repeat;background-size:cover"></a></li>
            <li><a target="_blank" href="#" style="background:url(img/01/banner.png) center top no-repeat;background-size:cover"></a></li>
           	<li><a target="_blank" href="http://www.hao123.com" style="background:url(img/01/3.jpeg) center top no-repeat;background-size:cover"></a></li>
          </ul>
        </div>
    <!--tab box-->
    	<div class="tabbox">
        	<div class="tabCtrl">
            	<span class="onhere">今日</span>
                <span>评论最多</span>
                <span>本月</span>
                <span>全部</span>
            </div>
            
            <div class="tabdatabox tabdatabox01">
            	<a class="li color">
                	<b>01</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>02</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>03</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>04</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>05</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>06</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>07</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>08</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>09</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>10</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                
            	
            </div>
            
            <div class="tabdatabox tabdatabox02">
            	 <a class="li color">
                	<b>01</b>
                    <span class="text">滴滴学院2016年会11111</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>02</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>03</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>04</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>05</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>06</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>07</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>08</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>09</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>10</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
            </div>
            
            <div class="tabdatabox tabdatabox03">
            	 <a class="li color">
                	<b>01</b>
                    <span class="text">滴滴学院2016年222222会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>02</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>03</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>04</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>05</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>06</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>07</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>08</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>09</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>10</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
            </div>
            
            <div class="tabdatabox tabdatabox04">
            	 <a class="li color">
                	<b>01</b>
                    <span class="text">滴滴学院2016年4444</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>02</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                <a class="li color">
                	<b>03</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>04</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>05</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>06</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>07</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>08</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>09</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
                
                <a class="li">
                	<b>10</b>
                    <span class="text">滴滴学院2016年会</span>
                    <span class="playicon"><i></i> 238.0万</span>
                </a>
            </div>
            
        </div><!--tab box end-->
        
    </div> 
</div>
<!--bannerbox end-->

<!--一楼 最新视频 最新评论-->
<div class="floor floor01">
	<!--最新视频-->
	<div class="leftbox">
		<h5><i></i><span>最新视频</span></h5>
        <div class="box_Jin ">
        	<div class="boxin_Jin ">
        	<!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/01/banner.png" /></a></div>
                <h2><a href="#">如何收集项目数据进行分析01</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/topbanner.png" /></a></div>
                <h2><a href="#">02如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic02.png" /></a></div>
                <h2><a href="#">03如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic03.png" /></a></div>
                <h2><a href="#">04如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic01.png" /></a></div>
                <h2><a href="#">05如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic01.png" /></a></div>
                <h2><a href="#">06如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end--></div>
           
		   <div class="boxin_Jin ">
        	<!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/01/banner.png" /></a></div>
                <h2><a href="#">07如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/topbanner.png" /></a></div>
                <h2><a href="#">08如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic02.png" /></a></div>
                <h2><a href="#">09如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic03.png" /></a></div>
                <h2><a href="#">10如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic01.png" /></a></div>
                <h2><a href="#">11如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic01.png" /></a></div>
                <h2><a href="#">12如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end--></div>
			
			<div class="boxin_Jin ">
            
        	<!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/01/banner.png" /></a></div>
                <h2><a href="#">13如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/topbanner.png" /></a></div>
                <h2><a href="#">14如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic02.png" /></a></div>
                <h2><a href="#">15如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic03.png" /></a></div>
                <h2><a href="#">16如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic01.png" /></a></div>
                <h2><a href="#">17如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end-->
            
            
            <!--最新视频循环列表-->
        	<div class="newVideoli01">
            	<div class="imgbox">
                 	<a href="#"><img src="img/pic01.png" /></a></div>
                <h2><a href="#">18如何收集项目数据进行分析</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
                <h4>更新时间：2015-12-15 18:00</h4>
            </div><!--最新视频循环列表end--></div>
          
        	
        </div>
        
            <a  class="pre"><i></i></a>
            <a  class="next"><i></i></a>
    </div><!--最新视频end-->
    
    <!--最新评论-->
    	<div class="rightbox">
        	<h5><i></i><span>最新评论</span></h5>
        	<div >
            	 <!--最新评论循环列表-->
                 <div class="newreviewli">
                 	<img src="img/pic01.png" />
                    <h2>ELLLie</h2>
                    <h3>评论了《2016年年会》</h3>
                    <p> 今天安宁庄和数字山谷都出现了出租司。</p>
                 	<h4>
                    	<span class="time">1分钟前</span>
                        <span class="playicon"><i></i>238.0万</span>
                    </h4>
                 </div>
                  <!--最新评论循环列表end-->
                  
                  <!--最新评论循环列表-->
                 <div class="newreviewli">
                 	<img src="img/pic01.png" />
                    <h2>ELLLie</h2>
                    <h3>评论了《2016年年会》</h3>
                    <p> 今天安宁庄和，我们感到十分抱歉。</p>
                 	<h4>
                    	<span class="time">1分钟前</span>
                        <span class="playicon"><i></i>238.0万</span>
                    </h4>
                 </div>
                  <!--最新评论循环列表end-->
                  
                  <!--最新评论循环列表-->
                 <div class="newreviewli">
                 	<img src="img/pic01.png" />
                    <h2>ELLLie</h2>
                    <h3>评论了《2016年年会》</h3>
                    <p> 今天安宁庄成了一定影响，我们感到十分抱歉。</p>
                 	<h4>
                    	<span class="time">1分钟前</span>
                        <span class="playicon"><i></i>238.0万</span>
                    </h4>
                 </div>
                  <!--最新评论循环列表end-->
                  
                  <!--最新评论循环列表-->
                 <div class="newreviewli">
                 	<img src="img/pic01.png" />
                    <h2>ELLLie</h2>
                    <h3>评论了《2016年年会》</h3>
                    <p> 今天安宁庄和数字山谷都出现了出租司机聚集，对大家工作造成了一定影响，我们感到十分抱歉。</p>
                 	<h4>
                    	<span class="time">1分钟前</span>
                        <span class="playicon"><i></i>238.0万</span>
                    </h4>
                 </div>
                  <!--最新评论循环列表end-->
                  
                  <!--最新评论循环列表-->
                 <div class="newreviewli">
                 	<img src="img/pic01.png" />
                    <h2>ELLLie</h2>
                    <h3>评论了《2016年年会》</h3>
                    <p> 今天安宁庄和数字山谷都出现了出租司机聚集，对大家工作造成了一定影响，我们感到十分抱歉。</p>
                 	<h4>
                    	<span class="time">1分钟前</span>
                        <span class="playicon"><i></i>238.0万</span>
                    </h4>
                 </div>
                  <!--最新评论循环列表end-->
                  
                  
            </div>
        </div>
    <!--最新评论 end-->
    
   
</div><!--一楼 最新视频 最新评论end-->
 <div class="floorbanner">
    	<img src="img/topbanner.png" />
    </div>
    
<!--2楼 小桔公开课-->
<div class="floor floor02">
	<h5><i></i><span>小桔公开课</span></h5>
	<div class="classbox">
    	<!--公开课循环列表 最大那个-->
    	<div class="classli big">
        	<div class="imgbox"><a href="#"><img src="img/pic06.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
            </div>
        </div><!--公开课循环列表 最大那个-->
        
        <!--公开课循环列表-->
    	<div class="classli">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
                </h3>
            </div>
        </div><!--公开课循环列表-->
        
        <!--公开课循环列表-->
    	<div class="classli">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                
            </div>
        </div><!--公开课循环列表-->
        
        <!--公开课循环列表-->
    	<div class="classli">
        	<div class="imgbox"><a href="#"><img src="img/pic04.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                
            </div>
        </div><!--公开课循环列表-->
        
        <!--公开课循环列表-->
    	<div class="classli">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                
            </div>
        </div><!--公开课循环列表-->
        
        <!--公开课循环列表-->
    	<div class="classli">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                
            </div>
        </div><!--公开课循环列表-->
        
        <!--公开课循环列表-->
    	<div class="classli">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" /></a></div>
            <div class="bottom">
            	<h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
                
            </div>
        </div><!--公开课循环列表-->
        
    </div>
</div>
<!--2楼 小桔公开课end-->

<!--3楼 高管end-->
<div class="floor floor03">
	<h5><i></i>
      <span class="onhere">高管之声</span>
      <span >高管近距离</span>
      <span>高管说</span>
    </h5>
    
    <div class="floor03Libox ">
    <!--高管之声图片列表。-->
     <div class="tabdatabox tabdatabox01">
       <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic07.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic06.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        </div><!--高管之声图片列表end-->
        
         <!--高管说 图片列表。-->
     <div class="tabdatabox tabdatabox03">
       <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic04.png" />
            </a></div>
            <h2><a href="#">智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic06.png" />
            </a></div>
            <h2><a href="#">201坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic07.png" />
            </a></div>
            <h2><a href="#">201坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <h2><a href="#">2016年中出行坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        </div><!--高管近距离图片列表end-->
        
        <!--高管近距离图片列表。-->
     <div class="tabdatabox tabdatabox02">
       <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <h2><a href="#">2016年中国城公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <h2><a href="#">201坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">201坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        
        <!--高管循环列表-->
    	<div class="floor03Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <h2><a href="#">2016年中出行坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--高管循环列表-->
        </div><!--高管说 图片列表end-->
        
        
    </div>
</div>
<!--3楼 高管end-->

<!--4楼 小桔活动-->
<div class="floor floor04">
	<h5><i></i>
      <span>小桔活动</span>
      
    </h5>
    
    <div class="floor04Libox">
    	<!--小桔活动循环列表-->
    	<div class="floor04Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3></div>
        </div><!--小桔活动循环列表-->
        
      <!--小桔活动循环列表-->
    	<div class="floor04Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic04.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--小桔活动循环列表-->
        
       <!--小桔活动循环列表-->
    	<div class="floor04Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--小桔活动循环列表-->
        
      <!--小桔活动循环列表-->
    	<div class="floor04Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--小桔活动循环列表-->
        
        <!--小桔活动循环列表-->
    	<div class="floor04Li classli last">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--小桔活动循环列表-->
        
    </div>
</div>
<!--4楼 小桔活动end-->


<!--5楼 事业部-->
<div class="floor floor05">
	<h5><i></i>
      <span class="onhere">事业部专区</span>
      <span >出租车</span>
      <span>专车</span>
      <span>顺风车</span>
    </h5>
    
    <div class="floor05Libox">
    	<!--事业部专区 图片列表-->
    	 <div class="tabdatabox tabdatabox01">
    	<!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i></span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
      <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic07.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表--></div><!--事业部专区 图片列表 end-->
        
        <!--出租车 图片列表-->
    	 <div class="tabdatabox tabdatabox02">
    	<!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <h2><a href="#">2016市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i></span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic07.png" />
            </a></div>
            <h2><a href="#">2016年中国城行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
      <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <h2><a href="#">2016年中国城行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">2016年中国城市论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表--></div><!--出租车 图片列表 end-->
        
        <!--专车 图片列表-->
    	 <div class="tabdatabox tabdatabox03">
    	<!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <h2><a href="#">2016年中国城出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i></span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
      <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic04.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表--></div><!--专车 图片列表 end-->
        
        <!--顺风车 图片列表-->
    	 <div class="tabdatabox tabdatabox04">
    	<!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">2016</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i></span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic07.png" />
            </a></div>
            <h2><a href="#">2016</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
      <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表-->
        
       <!--事业部循环列表-->
    	<div class="floor05Li newVideoli01 last">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3>
        </div><!--事业部循环列表--></div><!--顺风车 图片列表 end-->
        
    </div>
</div>
<!--5楼 事业部end-->

<!--6楼 专题-->
<div class="floor floor06">
	<h5><i></i>
      <span>专题</span>
      
    </h5>
    
    <div class="floor06Libox">
    	<!--专题循环列表-->
    	<div class="floor06Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic03.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            <h3>
                	<span class="playicon"><i></i>238.0万</span>
                    <span class="useicon"><i></i>238.0万</span>
             </h3></div>
        </div><!--专题循环列表-->
        
    <!--专题循环列表-->
    	<div class="floor06Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic02.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--专题循环列表-->
        
       <!--专题循环列表-->
    	<div class="floor06Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic06.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--专题循环列表-->
        
     <!--专题循环列表-->
    	<div class="floor06Li classli">
        	<div class="imgbox"><a href="#"><img src="img/pic01.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--专题循环列表-->
        
       <!--专题循环列表-->
    	<div class="floor06Li classli last">
        	<div class="imgbox"><a href="#"><img src="img/pic05.png" />
            </a></div>
            <div class="bottom">
            <h2><a href="#">2016年中国城市智能出行论坛公开课</a></h2>
            
             </div>
        </div><!--专题循环列表-->
        
    </div>
</div>
<!--4楼 专题end-->
    
</body>
</html>
